@import "themes/var";

.el-collapse {
  border: none;

  .el-collapse-item__header {
    height: 40px;
    line-height: 40px;
    color: $collapse-font-color;
    background-color: $collapse-bgcolor;
    border-bottom: 1px solid $collapse-border-color;
  }

  .el-collapse-item__arrow {
    font-weight: bold;
  }

  .el-collapse-item__wrap {
    background-color: $collapse-bgcolor;
    border-bottom: none;
  }

  .el-collapse-item__content {
    color: $collapse-font-color;
  }

  &.collapse-arrow-left {
    .el-collapse-item__header {
      flex-direction: row-reverse;
      justify-content: flex-end;
    }

    .el-collapse-item__arrow {
      margin: 0 8px 0 0;
    }
  }
}
